﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Templates_Gallery_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script type="text/javascript">
        $(document).ready(
            function() {
                //attach mouse over event to each thumb
                $("div.galleryItem").mouseover(function() {
                    //set the attributes in the display image and show it
                    //imagePath = full image path ; title comes from thumb and alt comes from thumb
                    $("img.imgFullView").attr({
                        src:$(this).attr("imagePath"), 
                        title:$(this).attr("title"), 
                        alt:$(this).attr("alt")
                    }).show();
                });

                $("div.galleryItem").mouseout(function() {
                    //set the attributes in the display image and show it
                    //imagePath = full image path ; title comes from thumb and alt comes from thumb
                    $("img.imgFullView").attr({}).hide();
                });
                
            });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <%--<img id="imgFullView" style="display:none" width="500" src="" title=""/>--%>
    
    <div class="clearfix">
        
        <div class="copy">
            <h1 class="cufon">Reading Kitchen Showroom</h1>
            <acms:HtmlContentControlDisplay ID="html" ControlName="Text Area 1" runat="server" />
        </div>
        <asp:Image ID="Image1" runat="server" Width="625" Height="424" CssClass="imgFullView" />
    </div>
    
        
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    
    <div class="ItemRcol">
        
        <h2 class="cufon">Showroom Gallery</h2>
        <p>Roll over images to enlarge.</p>
        <asp:ListView ID="listThumb" GroupItemCount="3" DataSourceID="dsChildren" runat="server">
            <LayoutTemplate>
                <div>
                    <asp:PlaceHolder ID="groupPlaceHolder" runat="server" />
                </div>
            </LayoutTemplate>
            <GroupTemplate>
                <div>
                    <asp:PlaceHolder ID="itemPlaceHolder" runat="server" />
                </div>
            </GroupTemplate>        
            <GroupSeparatorTemplate>
                <div style="clear:both"></div>
            </GroupSeparatorTemplate>
            <ItemTemplate>
                <acms:SubTemplateLoader ID="loader" TemplateFileName="Display" DevTemplatePaths="~/Templates/GalleryItem/Display.ascx" runat="server" />
            </ItemTemplate>
        </asp:ListView>
    </div>
    <acms:PostDataSource ID="dsChildren" OnSelectData="dsChildren_SelectData" runat="server" />
</asp:Content>

